import {} from "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.js";
const $item_box_hide= $('.item_box:hidden');
const $item_body =$('.item_body');
const $cart_table_qx_btn=$('.cart_table_qx_btn'); 
const $cart_main =$('.cart_main');
if(localStorage.getItem('localnum')&&localStorage.getItem('localsid')){
    let $numarr=localStorage.getItem('localnum').split(',');
    let $sidarr=localStorage.getItem('localsid').split(',')
    for(let i=0;i<$sidarr.length;i++){
        drawing($sidarr[i],$numarr[i]);
    }
}
//全选
$cart_table_qx_btn.on('click',function(){
   $('.item_box:visible').find('input:checkbox').prop('checked',$cart_table_qx_btn.prop('checked')) ;
   $('.cart_table_tip').find('input:checkbox').prop('checked',$cart_table_qx_btn.prop('checked'));
   $('.cart_table2_qx_btn').prop('checked',$cart_table_qx_btn.prop('checked'));
})
$('.cart_table2_qx_btn').on('click',function(){
    $('.item_box:visible').find('input:checkbox').prop('checked',$('.cart_table2_qx_btn').prop('checked')) ;
    $('.cart_table_tip').find('input:checkbox').prop('checked',$('.cart_table2_qx_btn').prop('checked'));
    $cart_table_qx_btn.prop('checked',$('.cart_table2_qx_btn').prop('checked'));
 })
 $('.cart_table_tip input').on('click',function(){
    $('.item_box:visible').find('input:checkbox').prop('checked',$('.cart_table_tip input').prop('checked')) ;
    $cart_table_qx_btn.prop('checked',$('.cart_table_tip input').prop('checked')) ;
    $('.cart_table2_qx_btn').prop('checked',$('.cart_table_tip input').prop('checked')) ;
 })
 $item_body.on('click','input:checkbox',function(){
    if($('.item_box:visible').find('input:checkbox:checked').length==$('.item_box:visible').length){
        $('.cart_table_tip').find('input:checkbox').prop('checked','checked');
        $cart_table_qx_btn.prop('checked','checked');
        $('.cart_table2_qx_btn').prop('checked','checked');
    }else{
        $('.cart_table_tip').find('input:checkbox').prop('checked',false);
        $cart_table_qx_btn.prop('checked',false);
        $('.cart_table2_qx_btn').prop('checked',false);
    }
 });

//渲染的方法
function drawing(sid,num){
    $.ajax({
        url:'http://10.31.165.32/com.111.www/php/alldata.php',
        dataType:'JSON',
    }).done(function(data){ 
        $(data).each(function(index,val){
            if(val.sid===sid){
                //console.log(val);
                let $item_box_hide_clone= $item_box_hide.clone(true,true);
                $item_box_hide_clone.find('.item_img').attr('src',val.picurl);
                $item_box_hide_clone.find('.item_title').html(val.title);
                $item_box_hide_clone.find('.item_price').html('￥'+val.price);
                $item_box_hide_clone.find('.num').val(num);
                $item_box_hide_clone.find('.item_xj').html('￥'+val.price*num);
                $item_box_hide_clone.css('display','block');
               
                $item_body.append($item_box_hide_clone);
            } 
            
        })
     
    });
}


//数量

$('.nex').on('click',function(){
    let temp= $(this).parents('.item_box').find('.num').val()-1;
    if(temp<=1){
        temp=1;
    }
    $(this).parents('.item_box').find('.num').val(temp);
     xiaoji($(this));//进行计算
});
$('.prv').on('click',function(){
    let temp= $(this).parents('.item_box').find('.num').val();
    temp++;
    if(temp>=50){
        temp=50;
    }
    $(this).parents('.item_box').find('.num').val(temp);
     xiaoji($(this));//进行计算
});
$('.num').on('input',function(){
    if($(this).val()<=1){
        $(this).val(1);
    }else if($(this).val()>=50){
        $(this).val(50);
    }
    xiaoji($(this));//进行计算
})
//计算的方法
function xiaoji(obj){
  let $price= obj.parents('.item_box').find('.item_price').html().slice(1);
  let $num =obj.parents('.item_box').find('.num').val();
  obj.parents('.item_box').find('.item_xj').html('￥'+($price*$num).toFixed(2));
}

//计算总价格
function getSum(){
    $('.item_box:visible').each(function(index,elm){
      console.log( $(elm).find('.item_xj')); 
    });
}      
getSum();